<div class="g-frame f-container" :controller="mc_password">
<!-- 手机验证 -->
	<div class="g-yanzheng" ms-visible="@next_toggle==1">
		<div class="u-tit">找回密码</div>
		<div class="statebox">
				<div class="yanzheng">
					<div class="fangkuai"></div>
					<div class="beijing"></div>
					<div class="yuan">1</div>
					<span>手机验证</span>
					</div>
				<div class="chongzhi">
				<div class="yuan">2</div>
				密码重置
				</div>
				<div class="chenggong">
				<div class="yuan">3</div>
				修改成功
				</div>
		</div>
		<form ms-validate="@validate">
			<input type="tel" class="phonenumber u-margin" data-required-message="请填写手机号！" data-pattern-message="手机号填写错误" placeholder="填写手机号" maxlength="11" ms-duplex="@mobile" ms-rules="{required: true, pattern: /^1[3|4|5|7|8][0-9]{9}$/}">
			<div class="dingwei">
				<input type="tel" class="phonenumber u-margin" ms-duplex="@code | change" ms-rules="{required: true}" data-required-message="请填写验证码！" placeholder="验证码" type="tel">
				<button type="button" :class="['btn', 'btn-success', 'zidingyi', @disableClass]" :click="@bindGetCode(@disableClass)">{{@getCodeText}}{{@time}}</button>
			</div>
			<div class="juzhong">
				<button type="submit" class="btn btn-success xiayibu">下一步</button>
			</div>
		</form>
	</div>
<!-- 密码重置 -->
	<form ms-validate="@validate_password" class="g-chongzhi" ms-visible="@next_toggle==2">
		<div class="u-tit">找回密码</div>
		<div class="statebox">
				<div class="yanzheng">
				<div class="yuan">1</div>
					手机验证
		</div>
				<div class="chongzhi">
					<div class="yanzheng">
						<div class="fangkuai"></div>
						<div class="beijing"></div>
						<div class="yuan">2</div>
						<span>密码重置</span>
					</div>
				</div>
				<div class="chenggong">
				<div class="yuan">3</div>
				修改成功
				</div>
		</div>
		<div class="u-username u-margin">
			重置密码
			<input class="chongzhik" type="password" id="newpwd" maxlength="18" :duplex="@password | change" data-required-message="请填写密码" data-pattern-message="密码必须以字母开头，长度在6~18之间，只能包含字母、数字和下划线" ms-rules="{required: true, pattern: /^[a-zA-Z]\w{5,17}$/}">
		</div>
		<div class="u-username ">
			确认密码
			<input class="chongzhik" type="password" maxlength="18" :duplex="@new_password_2 | change" ms-rules="{required: true, equalto:'newpwd'}" data-equalto-message="两次输入密码不一致" maxlength="20">
		</div>
		<div class="juzhong">
			<button type="submit" class="btn btn-success xiayibu">下一步</button>
		</div>
	</form>

<!--修改成功 -->
	<div class="g-chenggong" ms-visible="@next_toggle==3">
		<div class="u-tit">找回密码</div>
		<div class="statebox">
				<div class="yanzheng">
				<div class="yuan">1</div>
					手机验证
		</div>
				<div class="chongzhi">
					<div class="yanzheng">
						<div class="yuan">2</div>
						<span>密码重置</span>
					</div>
				</div>
				<div class="chenggong">
					<div class="fangkuai"></div>
					<div class="beijing"></div>
					<div class="yuan">3</div>
					<span>修改成功</span>
				</div>
			</div>
		<div class="success">
			<img src="<%= require('./chongzhichenggong.png')%>" alt="">
			重置成功
			<br>
			<p>正在跳转到主页</p>
		</div>

</div>
